$(() => {


    search();
    //新增按钮事件
    $(" #back-btn").click(() => {
        // 跳转到新页面
        history.back();
    })
    // $("#submit-btn").click(()=>{
    //     save(function (success) {
    //         if (success) {
    //             layui.use(() => {
    //                 let layer = layui.layer;
    //                 layer.msg("评论成功");
    //             });
    //         }
    //     });
    //     search()
    // })
    //新增按钮事件
    $(" #add-btn").click(() => {
        //跳转到新页面
        //location.href = "/student/add";

        //弹出窗口
        layui.use(() => {
            let layer = layui.layer;
            layer.open({
                type: 2,//表示弹出iframe窗口
                title: "分享",
                area: ["1110px", "520px"],
                content: "/community/add",
                btn: ["确定", "取消"],
                yes: function (index, layero, that) {//第1个按钮的回调，等同于btn1的回调
                    let win = layero.find('iframe')[0].contentWindow;
                    win.save((success) => {
                        if (success) {
                            layer.msg("提交成功");
                            layer.close(index);//关闭弹窗
                            search()
                        } else {
                            layer.alert("分享失败");
                        }
                    });
                }
            });
        });
    });
});


function search() {
    let url = "/api/v1/community/get";

    $.ajax({
        url,
        method: "get",
        dataType: "json",
        success(resp) {//回调函数
            //将数据渲染到页面上，执行dom操作   DOM：Document Object Model
            if (resp.success) {
                let data = resp.community;//评论信息数组
                let $tbody = $("#tbl");
                $tbody.empty();//把上次的数据内容清空
                console.log(data);

                data.forEach(it => {//it即遍历过程中的一个评论对象
                    let $tr = $("<tr>");//创建一个tr对象
                    $tr.append("<p>"+"分享人:"+"</p>")
                    $tr.append("<td id='username'>"+ it.userid+"</td>");
                    $tr.append("<p>"+"分享内容:"+"</p>")
                    $tr.append("<td class='tcontent'>" + it.content + "</td>");
                    $tr.append("<p>"+"分享时间:"+"</p>")
                    $tr.append("<td class='ttime'>" + it.time + "</td>");
                    $tbody.append($tr);
                });
            }else{
                console.log("错了")
            }

        }
    });
}
//保存学生，cb回调函数
function save(cb) {
    let userid =  sessionStorage.getItem("username");
    let time= new Date().toJSON().slice(0, 10)
    let $aiEditor = $("#aiEditor");
    let content=$aiEditor.html();

    // 找到起始和结束字符串在原始字符串中的索引
    let startIndex = content.indexOf("</aie-header>");
    let endIndex = content.indexOf("<aie-footer>");


    // 使用 substring 方法截取中间内容
    content=content.substring(startIndex + "</aie-header>".length, endIndex);




    let url = "/api/v1/community/post"
    $.ajax({
        url,
        method: "post",
        dataType: "json",
        data: {
            userid,
            time,
            content
        },
        success(resp) {
            if (typeof cb === "function") {
                cb(resp.success);
            }
        }
    });
}
